<!--

生成最基本的Restful模板页面

顶部有按（门店、时间段*）查询 添加按钮

包含一个 ag-grid 列表，默认表头只有一行，每列都可查询，默认每条最后有打开、删除按钮

有新增、修改弹出层
-->

<div class="view-header">
    <div class="view-header-left">

        
        <div class="view-header-item color-open" title="[[TITLE_HEADER_ADD]]"
             ng-click="add_open = !add_open">
            <i class="fa fa-plus"></i>
        </div>

        <div class="view-header-item color-close above-cover"
             title="[[TITLE_HEADER_ADD_CLOSE]]" ng-click="add_open = !add_open"
             ng-show="add_open">
            <i class="fa fa-close"></i>
        </div>

        <div class="view-header-item color-check above-cover"
             title="确认添加"
             ng-click='form_add.$valid?submit_add():{};'
             title="添加提交{{form_add.$invalid?'请完成表单后再提交!':''}}"
             ng-show="add_open">

            <i class="fa fa-check" ng-show="form_add.$valid"></i>
            <i class="fa fa-ban" ng-show="form_add.$invalid"></i>

        </div>

        <!-- edit-->
        <div class="view-header-item color-close above-cover"
             title="[[TITLE_HEADER_EDIT_CLOSE]]"
             ng-click="edit_open = !edit_open" ng-show="edit_open">
            <i class="fa fa-close"></i>
        </div>

        <div class="view-header-item color-check above-cover"
             title="确认修改"
             ng-click='form_edit.$valid?submit_edit():{};'
             title="修改提交{{form_add.$invalid?'请完成表单后再提交!':''}}"
             ng-show="edit_open">

            <i class="fa fa-check" ng-show="form_edit.$valid"></i>
            <i class="fa fa-ban" ng-show="form_edit.$invalid"></i>
        </div>

    </div>

</div>
<div class="view-content ">
    <div ag-grid="grid" class="ag-blue ag-custom ag-custom-center" style="height :100%"></div>
</div>

<div class="data-overlay" ng-show="add_open">
    <div class="overlay-container">
        <div class="overlay-header">order_add</div>
        <div ng-form name="form_add" novalidate="novalidate">
            <div class="new-block" >
	<div class="new-item">
		<span>create_time</span>
		<input ng-model="record_add.create_time" />
	</div>
	<div class="new-item">
		<span>user_id</span>
		<input ng-model="record_add.user_id" />
	</div>
	<div class="new-item">
		<span>user_name</span>
		<input ng-model="record_add.user_name" />
	</div>
	<div class="new-item">
		<span>customer_phone</span>
		<input ng-model="record_add.customer_phone" />
	</div>
	<div class="new-item">
		<span>id</span>
		<input ng-model="record_add.id" />
	</div>
	<div class="new-item">
		<span>customer_name</span>
		<input ng-model="record_add.customer_name" />
	</div>
</div>

        </div>
    </div>
</div>

<div class="data-overlay" ng-show="edit_open">
    <div class="overlay-container">
        <div class="overlay-header">order_edit</div>
        <div ng-form name="form_edit" novalidate="novalidate">
            <div class="new-block" >
	<div class="new-item">
		<span>create_time</span>
		<input ng-model="record_edit.create_time" />
	</div>
	<div class="new-item">
		<span>user_id</span>
		<input ng-model="record_edit.user_id" />
	</div>
	<div class="new-item">
		<span>user_name</span>
		<input ng-model="record_edit.user_name" />
	</div>
	<div class="new-item">
		<span>customer_phone</span>
		<input ng-model="record_edit.customer_phone" />
	</div>
	<div class="new-item">
		<span>id</span>
		<input ng-model="record_edit.id" />
	</div>
	<div class="new-item">
		<span>customer_name</span>
		<input ng-model="record_edit.customer_name" />
	</div>
</div>

        </div>
    </div>
</div>